@import "public.less";
@import "button.less";
@import "comment.less";

.mui-slider .mui-slider-group .item{
    margin-top: 10px;
    background: @white;
    
    &:first-child{
        margin-top: 0px;
    }
    
    .product{ 
        background: #f6f6f6; 
        .mui-table-view{
            background: #f6f6f6;
            &:first-child{
                margin-top: 0 ;
            }
        }
        .mui-table-view-cell{ 
            padding:15px 10px;  
        }
        .mui-table-view-cell>a:not(.mui-btn){
            margin:0;
            padding: 0;
        } 
        .mui-media-object{
            width: auto !important;
            line-height: 70px;
            max-width: 200px;
            height: 70px; 
        }
        .mui-media-body{
            white-space:normal;
            .name{
                .fontSize(28px);
                color: @cfont;
                overflow: hidden;
                .ell();
                .mui-pull-right{
                    color: @red;
                    .fontSize(24px);
                    
                }
            }
            p{
                margin:5px 0;
                color: @cfont;
                .fontSize(24px);  
            }
        }
        .table-cell-title{
            .fontSize(24px);
            color: @cfont3;
            padding:4px 10px;
            
            span.mui-pull-right{
                color: @red;
            }
            
        }
        .mui-table-view-cell:after,
        .mui-table-view:before{
            background-color: #ebebeb;
        }
    }
    button.bexta-btn{
        padding: 0;
        margin-right: 8px;
        width:44px;
        height: 22px;
        &:last-child{
            margin-right: 0;
        }
        
    }
    &.comment{
        background: @white;
        .product{
            margin-bottom: 10px;
//          border-bottom: 10px solid #f4f4f4;
        }
        .product,.mui-table-view{
            background: @white;
            .merchant-name{
                margin-top: 0px;
                color: @cfont3;
                .fontSize(30px);
            }
            .name{
                 line-height: 18px;
            }
            .handle{
                text-align: right;
            }
            &:after{
                height: 0px;
            }
            
        }
    }
}

.issue-type{
    background: @white;
    padding:15px 0;
//  border-bottom: 1px solid @cfont2;
    .mui-col-xs-6{
        padding: 0 5px;
        margin-bottom: 10px;
        div{
            .vmiddle();
            position: absolute;
            left: 0;
            width: 100%;;
            text-align: center;
            color: @white;
            .fontSize(28.24px);
        }
    }
}
.common-issue{
    .mui-table-view-cell.tile{
        .fontSize(24px);
        color: @cfont2;
        padding:10px 15px;
        &:after{
            background-color: transparent;
        }
        &.mui-active{
            background-color: transparent;
        }
    }
    .mui-table-view-cell{
        color: @cfont;
        .fontSize(28px);
        padding:15px;
        
        &:after{
            background-color: #ebebeb;
        }
    }
    .mui-table-view-cell.flis:first-child{ 
        padding-top: 0px !important;
    }
}

.issue-detaile-title{
    padding:15px 10px 15px 10px;
    color: @cfont;
    .fontSize(30px);
    img{
        display: inline-block;
        .wh2x(26px,26px);
        vertical-align: middle;
    }
}
 
.issue-body{
    background: @white;
    padding:10px;
    text-align: justify;
//  line-height: 35px;
//  border-bottom: 1px solid #EBEBEB;
    img{
        max-width: 100%;
        height: auto !important;
    }
}
.cainilike{
    margin-top: 20px;
    background: #FFF;
    .ts{
        margin-bottom: 10px;
        padding-left: 13px;
        padding-top: 10px;
    }
    .itemslink{
        padding:0 13px;   
        margin-bottom: 40px/2;
        img{
            width: 100%;
        }
        .name{
            .fontSize(28px);
            color: @cfont;
            padding: 0;
            margin: 0;
            line-height: 1;
            margin:3px 0 4px 0;
            .ell();
        }
        .price{
            color: @red;
            padding: 0;
            margin: 0;
            .fontSize(28px);
            line-height: 1;
        }
    }
}

#consult{
    .mui-table-view{
        &:first-child{
            margin-top: 0;
        }
        &:after{
            background: transparent;
        }
        .mui-table-view-cell{
            &:after{
                left: 0;
            }
            &.ords{
                padding:3px 15px;
                color: @cfont2;
                font-size: 24px/2;
                span{
                    color: @red;
                }
            }
        }
        img.mui-media-object{
            width: auto !important;
            max-width: 200px;
            height: 70px;
        }
        .mui-media-body{
            p{
                color: @cfont; 
                font-size: 24px/2;  
                span{
                    margin-right: 10px;
                }
            }
            
        }
        
        button{
            padding:3px 12px;
            font-size: 24px/2;
        }
    }
    
    
    
}
